<template>
  <svg class="iconSvg" aria-hidden="true" >
      <use :xlink:href="iconName"  class="icon_color"></use>
  </svg>
</template>

<script>
  export default {
    props: ['svgName'],
    computed: {
      iconName() {
        return `#icon-${this.svgName}`
      }
    }
  }
</script>
<style scoped lang="less">

.icon_color{
  fill:#999;
}

</style>
